<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <!--uc强制竖屏-->
    <meta name="screen-orientation" content="portrait">
    <!--QQ强制竖屏-->
    <meta name="x5-orientation" content="portrait">
    <meta name="format-detection" content="telephone=no,email=no">
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/style.css" />
    <title>商品兑换</title>
</head>

<body class='bg_color01'>
    <div class="hd">
        <a href=""><img src="images/public_lt.png" alt=""></a>
        <h4>商品兑换</h4>
    </div>
    <div class="exchange_content">
        <p><img src="./images/bind_img03.png" alt=""></p>
        <h3 class='exchange_introduce'>复活节兔子 <p><b>官方售价：<span>2999.00</span> </b> <a>系列：<span>方头仔系列</span> </a></p>
        </h3>
        <ul>
            <li>
                <img src="./images/exchange_icon1.png" alt="">
                <h2>2889</h2>
                <p>颗粒</p>
            </li>
            <li>
                <img src="./images/exchange_icon2.png" alt="">
                <h2>2889</h2>
                <p>库存</p>
            </li>
            <li>
                <img src="./images/exchange_icon3.png" alt="">
                <h2>282289</h2>
                <p>编号</p>
            </li>
        </ul>
        <div class='exchange_address'>
            <p><img src="./images/exchange_shop.png" alt=""><span>提货上门</span></p>
            <div>
                <img src="./images/exchange_map.png" alt="">
                <h3>南京江宁景sfhkshfkshfshkhfkshfghskhgsjdfkf峰店<p>江苏省南京市江宁区双龙大道1698号</p>
                </h3>
                <a class='isShow'><span>更改</span><img src="./images/exchange_Rarrow.png" alt=""></a>
            </div>
        </div>
        <h3 class='exchange_title'><img src="./images/exchange_title_icon1.png" alt=""><span>商品详情</span><img
                src="./images/exchange_title_icon2.png" alt=""></h3>
        <div class="exchange_bg">
            <img src="./images/LEGO_logo.png" class='exchang_img'>
        </div>
        <button class='exchange_btn' style='display: none;'>
            <h3>立即兑换</h3>
        </button>
        <!-- 灰色的按钮 -->
        <button class='exchange_btn exchange_btn1'>
            <h3>颗粒不足</h3>
        </button>
    </div>



    <!--点击排序列表弹出具体地址3-->
    <div id="showAddDetails2" class="showModel2" style="display: none;">
        <div class="popmain2">
            <div class='popmain2_title'>
                <span class='popmain2_return'>返回</span>
                <b>请选择自提点</b>
                <span class='popmain2_close'>取消</span>
            </div>
            <div class="lists">
                <div class="mould_item">
                    <div class=" training_item1">
                        <div class="list_chk list_chk1">
                            <input type="radio" id="checkbox_4" class="son_check" name="title">
                            <label for="checkbox_4"></label>
                        </div>
                        <div class='training_item1_wrapper'>
                            <h3>新街口德基乐高门店</h3>
                            <p>地址：<span>江苏省南京市江宁区双龙大道1698号</span></p>
                            <b><img src="./images/whiteMap.png" alt=""><span>0.7km</span></b>
                        </div>
                    </div>
                    <div class=" training_item1">
                        <div class="list_chk list_chk1">
                            <input type="radio" id="checkbox_5" class="son_check" name="title">
                            <label for="checkbox_5"></label>
                        </div>
                        <div class='training_item1_wrapper'>
                            <h3>虹悦城乐高门店</h3>
                            <p>地址：<span>江苏省南京市江宁区双龙大道1698号</span></p>
                            <b><img src="./images/whiteMap.png" alt=""><span>0.7km</span></b>
                        </div>
                    </div>
                    <div class=" training_item1">
                        <div class="list_chk list_chk1">
                            <input type="radio" id="checkbox_6" class="son_check" name="title">
                            <label for="checkbox_6"></label>
                        </div>
                        <div class='training_item1_wrapper'>
                            <h3>华彩天地广场乐高门店</h3>
                            <p>地址：<span>江苏省南京市江宁区双龙大道1698号</span></p>
                            <b><img src="./images/whiteMap.png" alt=""><span>0.7km</span></b>
                        </div>
                    </div>
                    <div class=" training_item1">
                        <div class="list_chk list_chk1">
                            <input type="radio" id="checkbox_7" class="son_check" name="title">
                            <label for="checkbox_7"></label>
                        </div>
                        <div class='training_item1_wrapper'>
                            <h3>新街口德基乐高门店</h3>
                            <p>地址：<span>江苏省南京市江宁区双龙大道1698号</span></p>
                            <b><img src="./images/whiteMap.png" alt=""><span>0.7km</span></b>
                        </div>
                    </div>
                </div>


            </div>
            <button class='isShow_btn'>下一步</button>
        </div>
    </div>




    <script src="js/rem.js"></script>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script>
        $(".isShow").click(function () {
            $("#showAddDetails2").fadeIn();
            $("html").add("body").css({
                "overflow": "hidden"
            })
            $("html").add("body").css("height", "100%");
        })
        $(".popmain2_close").click(function () {
            $("#showAddDetails2").fadeOut();
            $("html").add("body").css({
                "overflow": "auto"
            })
        })
    </script>
</body>

</html>